
$(() => {

   // 获取所有分类信息
   $.ajax({
      type: 'get',
      url: '/getAllCate',
      success: function (res) {
         // console.log(res)
         if (res.code === 200) {
            $('tbody').html(template('cateTemplate', res))
         }
      }
   })

   // 实现编辑功能--不用传id去获取数据--事件委托
   $('tbody').on('click', '.btnEdit', function () {
      let obj = $(this).data()
      // console.log($(this),obj)
      $('#name').val(obj.name)
      $('#slug').val(obj.slug)
      $('#id').val(obj.id)
      $('#categoryMenu').text('编辑分类目录')
      $('#editCate').show()
      $('#addCate').css('display', 'none')
   })

   // 实现保存编辑功能
   $('#editCate').on('click', function () {
      // 收集数据
      // 发送ajax请求
      $.ajax({
         type: 'post',
         url: '/editCateById',
         data: $('form').serialize(),
         dataType: 'json',
         success: function (res) {
            console.log(res)
            if (res.code === 200) {
               alert(res.msg)
               location.href = '/admin/categories'
            } else {
               $('.alert-danger > span').text(res.msg)
               $('.alert-danger').fadeIn(500).delay(3000).fadeOut(500)
            }
         }
      })
   })

   // 实现添加分类的功能
   // 给添加按钮注册点击事件
   $('#addCate').on('click',function(){
      // 非空判断

      // 发送ajax请求
      $.ajax({
         type:'post',
         url:'/addCateInfo',
         data:$('form').serialize(),
         dataType:'json',
         success:function(res){
            // console.log(res)
            if(res.code===200){
               alert(res.msg);
               location.href = '/admin/categories'
            }else{
               $('.alert-danger > span').text(res.msg)
               $('.alert-danger').fadeIn(500).delay(3000).fadeOut(500)
            }
         }
      })
   })

   // 实现分类的删除功能--事件委托来做
   $('tbody').on('click','.btnDel',function(){
      let id = $(this).data().id;
      // console.log(id)
      // 发送ajax请求
      $.ajax({
         type:'get',
         url:'/deleteCateById?id='+id,
         success:function(res){
            // console.log(res)
            if(res.code===200){
               alert(res.msg);
               location.href = '/admin/categories'
            }else{
               $('.alert-danger > span').text(res.msg)
               $('.alert-danger').fadeIn(500).delay(3000).fadeOut(500)
            }
         }
      })
   })

})